import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:get/get.dart';
import 'package:gourmet/entity/discounts_activity.dart';
import 'package:gourmet/entity/merchant_service.dart';
import 'package:gourmet/utils/colors.dart';
import 'package:gourmet/utils/radian.dart';
import 'package:gourmet/utils/styles.dart';
import 'package:gourmet/utils/svg.dart';
import 'package:gourmet/utils/tools.dart';
import 'package:syncfusion_flutter_sliders/sliders.dart';

class SearchStoreResultController extends GetxController {
  RxInt searchIndex = 0.obs;

  List<String> searchTypes = ['店铺', '商品'];

  late TextEditingController textEditingController;

  RxDouble top = RxDouble(-200);

  List<String> selected = [
    '综合排序',
    '最近距离',
    '好拼优先',
    '起送价最低',
    '配送最快',
    '配送费最低',
    '人均从低到高',
    '人均从高到低'
  ];

  RxInt selectIdx = RxInt(0);

  List<String> sorted = ['综合排序▾', '销量', '速度'];

  RxInt sortIdx = RxInt(0);

  final double maxHeight = 45;

  List<Rx<DiscountsActivity>> activity = [];

  List<Rx<MerchantService>> service = [];

  Rx<SfRangeValues> values = Rx(const SfRangeValues(0, 100));

  @override
  void onInit() {
    top.value = selected.length * maxHeight;
    textEditingController = ToolsUtils.editingController('华莱士');
    activity.add(Rx(DiscountsActivity(name: '平台补贴')));
    activity.add(Rx(DiscountsActivity(name: '满返代金券')));
    activity.add(Rx(DiscountsActivity(name: '满赠活动')));
    activity.add(Rx(DiscountsActivity(name: '特价商品')));
    activity.add(Rx(DiscountsActivity(name: '首单立减')));
    activity.add(Rx(DiscountsActivity(name: '进店领券')));
    activity.add(Rx(DiscountsActivity(name: '减配送费')));
    activity.add(Rx(DiscountsActivity(name: '店铺满减')));

    service.add(Rx(MerchantService(name: '平台转送')));
    service.add(Rx(MerchantService(name: '到店自取')));
    service.add(Rx(MerchantService(name: '新店铺')));
    service.add(Rx(MerchantService(name: '开发票')));
    service.add(Rx(MerchantService(name: '0价起送')));
    service.add(Rx(MerchantService(name: '品牌商家')));
    super.onInit();
  }

  @override
  void onClose() {
    textEditingController.dispose();
    super.onClose();
  }
}

class SearchStoreResultPage extends GetView<SearchStoreResultController> {
  const SearchStoreResultPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor:
          ColorsUtils.parseColorFromHexString(ColorsUtils.colorF7f7),
      appBar: AppBar(
        backgroundColor: Colors.white,
        systemOverlayStyle: SystemUiOverlayStyle.dark,
        leading: IconButton(
          onPressed: Get.back,
          icon: Icon(
            Icons.arrow_back_ios_new,
            color: ColorsUtils.parseColorFromHexString(ColorsUtils.color3333),
            size: 20,
          ),
        ),
        title: Center(
          child: Container(
            constraints: const BoxConstraints.expand(width: 250, height: 35),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(17.5),
              border: Border.all(color: ColorsUtils.rgba(255, 100, 77, 1)),
            ),
            child: Row(
              children: [
                PopupMenuButton<int>(
                  itemBuilder: (BuildContext context) {
                    return <PopupMenuEntry<int>>[
                      PopupMenuItem(
                        value: 0,
                        padding: EdgeInsets.zero,
                        height: 35,
                        child: Container(
                          constraints: const BoxConstraints.expand(
                              width: 60, height: 35),
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                              color: ColorsUtils.rgba(
                                  51, 51, 51, 0.898039215686275),
                              borderRadius: BorderRadius.only(
                                  topLeft: Radius.circular(5.r),
                                  topRight: Radius.circular(5.r))),
                          child: Text(
                            '店铺',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize13),
                          ),
                        ),
                        onTap: () {
                          controller.searchIndex.value = 0;
                        },
                      ),
                      PopupMenuItem(
                        value: 1,
                        padding: EdgeInsets.zero,
                        height: 35,
                        child: Container(
                          constraints: const BoxConstraints.expand(
                              width: 60, height: 35),
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                              color: ColorsUtils.rgba(
                                  51, 51, 51, 0.898039215686275),
                              borderRadius: BorderRadius.only(
                                  bottomLeft: Radius.circular(5.r),
                                  bottomRight: Radius.circular(5.r))),
                          child: Text(
                            '商品',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize13),
                          ),
                        ),
                        onTap: () {
                          controller.searchIndex.value = 1;
                        },
                      ),
                    ];
                  },
                  elevation: 0,
                  padding: EdgeInsets.zero,
                  splashRadius: 0,
                  position: PopupMenuPosition.under,
                  color: Colors.transparent,
                  surfaceTintColor: Colors.transparent,
                  shadowColor: Colors.transparent,
                  constraints: const BoxConstraints(maxWidth: 60),
                  child: Container(
                    constraints:
                        const BoxConstraints.expand(width: 60, height: 35),
                    alignment: Alignment.center,
                    child: Obx(
                      () => Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: controller
                                  .searchTypes[controller.searchIndex.value],
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color3333,
                                  fontSize: StylesUtils.fontSize13),
                            ),
                            const WidgetSpan(
                                child: Icon(
                                  Icons.arrow_drop_down,
                                  size: 15,
                                  color: Colors.black,
                                ),
                                alignment: PlaceholderAlignment.middle)
                          ],
                        ),
                      ),
                    ),
                  ),
                ),
                Expanded(
                    child: TextField(
                  cursorHeight: 20,
                  cursorWidth: 3,
                  cursorRadius: const Radius.circular(2),
                  cursorColor: Colors.blue,
                  controller: controller.textEditingController,
                  style:
                      StylesUtils.customTextStyle(color: ColorsUtils.color0000),
                  decoration: InputDecoration(
                      fillColor: Colors.transparent,
                      hintText: '华莱士',
                      hintStyle: StylesUtils.customTextStyle(
                          color: ColorsUtils.color9999),
                      isCollapsed: true,
                      filled: true,
                      isDense: true,
                      contentPadding: const EdgeInsets.symmetric(vertical: 10),
                      enabledBorder: InputBorder.none,
                      focusedBorder: InputBorder.none,
                      border: InputBorder.none,
                      constraints: const BoxConstraints(maxHeight: 35)),
                )),
                InkWell(
                  onTap: () {
                    controller.textEditingController.text = '';
                  },
                  child: Container(
                    constraints:
                        const BoxConstraints.expand(width: 30, height: 35),
                    alignment: Alignment.center,
                    child: Icon(
                      CupertinoIcons.xmark_circle_fill,
                      size: 15,
                      color: ColorsUtils.parseColorFromHexString(
                          ColorsUtils.color9999),
                    ),
                  ),
                )
              ],
            ),
          ),
        ),
        actions: [
          InkWell(
            onTap: () {},
            child: Container(
              margin: const EdgeInsets.only(right: 15, left: 15),
              alignment: Alignment.center,
              constraints: const BoxConstraints.expand(
                width: 65,
                height: 35,
              ),
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(17.5),
                border: Border.all(
                    color: ColorsUtils.parseColorFromHexString(
                        ColorsUtils.colorFf64)),
                gradient: LinearGradient(
                    colors: [
                      ColorsUtils.rgba(255, 153, 0, 1),
                      ColorsUtils.rgba(255, 153, 0, 1),
                      ColorsUtils.rgba(255, 77, 1, 1),
                      ColorsUtils.rgba(255, 77, 1, 1)
                    ],
                    stops: const [
                      0,
                      0,
                      1.0,
                      1.0
                    ],
                    transform: GradientRotation(RadianUtils.angleToRadian(90)),
                    begin: Alignment.centerLeft,
                    end: Alignment.centerRight),
              ),
              child: Text(
                '搜索',
                style: StylesUtils.customTextStyle(),
              ),
            ),
          )
        ],
        bottom: PreferredSize(
          preferredSize: const Size.fromHeight(40),
          child: Container(
            height: 40,
            padding: const EdgeInsets.only(left: 10, right: 10, bottom: 5),
            alignment: Alignment.centerLeft,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Wrap(
                  spacing: 15,
                  alignment: WrapAlignment.start,
                  crossAxisAlignment: WrapCrossAlignment.center,
                  children: controller.sorted
                      .asMap()
                      .map(
                        (key, value) => MapEntry(
                          key,
                          GestureDetector(
                            onTap: () {
                              controller.sortIdx.value = key;
                              if (controller.top.value == 0) {
                                controller.top.value = controller.maxHeight *
                                    controller.selected.length;
                                return;
                              }
                              controller.top.value = 0;
                            },
                            child: Text(
                              value,
                              style: StylesUtils.customTextStyle(
                                  color: key == controller.sortIdx.value
                                      ? ColorsUtils.colorFf64
                                      : ColorsUtils.color7979),
                            ),
                          ),
                        ),
                      )
                      .values
                      .toList(),
                ),
                GestureDetector(
                  onTap: openBottomSheet,
                  child: Text(
                    '全部筛选▾',
                    style: StylesUtils.customTextStyle(
                        color: ColorsUtils.color7979),
                  ),
                )
              ],
            ),
          ),
        ),
      ),
      body: Stack(
        children: [
          Obx(() {
            if (controller.searchIndex.value == 0) {
              return buildStore(context);
            }
            return buildGoods(context);
          }),
          Obx(
            () => AnimatedPositioned(
              top: -controller.top.value,
              left: 0,
              right: 0,
              duration: const Duration(milliseconds: 300),
              child: Container(
                padding: const EdgeInsets.only(left: 15, right: 15),
                color: Colors.white,
                child: Column(
                  children: controller.selected
                      .asMap()
                      .map(
                        (key, value) => MapEntry(
                          key,
                          SizedBox(
                            height: 45,
                            child: GestureDetector(
                              onTap: () {
                                controller.selectIdx.value = key;
                                controller.top.value =
                                    controller.selected.length *
                                        controller.maxHeight;
                              },
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Text(
                                    value,
                                    style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize13,
                                      color: activeColorByIndex(key),
                                    ),
                                  ),
                                  Icon(
                                    CupertinoIcons.checkmark,
                                    size: 20,
                                    color: ColorsUtils.parseColorFromHexString(
                                        activeColorByIndex(key)),
                                  )
                                ],
                              ),
                            ),
                          ),
                        ),
                      )
                      .values
                      .toList(),
                ),
              ),
            ),
          )
        ],
      ),
    );
  }

  Widget buildStore(BuildContext context) {
    return ListView(
      children: [
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img0.baidu.com/it/u=655977884,3582260165&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img2.baidu.com/it/u=2048374330,2067526209&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img2.baidu.com/it/u=1762044232,2597508453&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=400',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img0.baidu.com/it/u=674491115,2187096604&fm=253&fmt=auto&app=138&f=JPEG?w=591&h=500',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img2.baidu.com/it/u=259178695,887234081&fm=253&fmt=auto&app=138&f=JPEG?w=595&h=500',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img0.baidu.com/it/u=655977884,3582260165&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img2.baidu.com/it/u=2048374330,2067526209&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
        Container(
          margin: const EdgeInsets.only(top: 15),
          alignment: Alignment.center,
          child: Container(
            width: 345,
            padding: const EdgeInsets.all(10),
            alignment: Alignment.centerLeft,
            decoration: BoxDecoration(
                color: Colors.white, borderRadius: BorderRadius.circular(10.r)),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                ClipRRect(
                  borderRadius: BorderRadius.circular(5),
                  child: Image.network(
                    'https://img2.baidu.com/it/u=1762044232,2597508453&fm=253&fmt=auto&app=138&f=JPEG?w=600&h=400',
                    width: 75,
                    height: 75,
                    fit: BoxFit.fill,
                  ),
                ),
                Expanded(
                    child: Padding(
                  padding: const EdgeInsets.only(left: 10),
                  child: Column(
                    children: [
                      Align(
                        alignment: Alignment.centerLeft,
                        child: Text(
                          '华莱士-凤凰广场2店',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize16,
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '4.5分 ',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.colorFf66)),
                              TextSpan(
                                  text: ' 月售312  人均￥45',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color7979,
                                      fontSize: StylesUtils.fontSize12))
                            ])),
                            Text(
                              '平台转送',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            )
                          ],
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            '起送￥20  免配送费',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12),
                          ),
                          Text(
                            '20分钟  2.2km',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color6666,
                                fontSize: StylesUtils.fontSize12),
                          )
                        ],
                      ),
                      Container(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          spacing: 10,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '50减3';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 10, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '100减6';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            }),
                            Builder(builder: (_) {
                              final style = StylesUtils.customTextStyle(
                                  color: ColorsUtils.colorFf64,
                                  fontSize: StylesUtils.fontSize12);
                              const value = '150减10';
                              double width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Container(
                                constraints: BoxConstraints.expand(
                                    width: width + 20, height: 20),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.parseColorFromHexString(
                                                ColorsUtils.colorFf64))),
                                child: Text(
                                  value,
                                  style: style,
                                ),
                              );
                            })
                          ],
                        ),
                      ),
                      Align(
                        alignment: Alignment.centerRight,
                        child: Wrap(
                          alignment: WrapAlignment.end,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 10,
                          children: [
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img2.baidu.com/it/u=1382898662,2005223166&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香辣鸡翅',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥20',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=4046734346,2343640913&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=411',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '百事可乐（全国免费品尝）',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text.rich(TextSpan(children: [
                                      TextSpan(
                                          text: '￥8',
                                          style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64)),
                                      TextSpan(
                                          text: ' ￥10',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999,
                                              fontSize: StylesUtils.fontSize12,
                                              decoration:
                                                  TextDecoration.lineThrough,
                                              decorationColor: ColorsUtils
                                                  .parseColorFromHexString(
                                                      ColorsUtils.color9999),
                                              decorationStyle:
                                                  TextDecorationStyle.solid,
                                              decorationThickness: 1))
                                    ])),
                                  )
                                ],
                              ),
                            ),
                            SizedBox(
                              width: 70,
                              child: Column(
                                children: [
                                  Image.network(
                                    'https://img0.baidu.com/it/u=74519030,2219195209&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
                                    width: 70,
                                    height: 60,
                                    fit: BoxFit.fill,
                                  ),
                                  Container(
                                    margin:
                                        const EdgeInsets.symmetric(vertical: 5),
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '香芋夹心饼',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000),
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                  Align(
                                    alignment: Alignment.centerLeft,
                                    child: Text(
                                      '￥18',
                                      style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.colorFf64),
                                    ),
                                  )
                                ],
                              ),
                            )
                          ],
                        ),
                      )
                    ],
                  ),
                ))
              ],
            ),
          ),
        ),
      ],
    );
  }

  Widget buildGoods(BuildContext context) {
    return SingleChildScrollView(
      padding: const EdgeInsets.symmetric(vertical: 10),
      child: StaggeredGrid.count(
        crossAxisCount: 2,
        crossAxisSpacing: 10,
        mainAxisSpacing: 20,
        children: [
          Align(
            alignment: Alignment.centerRight,
            child: Container(
              width: 167,
              decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.only(
                      bottomRight: Radius.circular(10.r),
                      bottomLeft: Radius.circular(10.r))),
              padding: const EdgeInsets.only(bottom: 15),
              child: Column(
                children: [
                  ClipRRect(
                    borderRadius: BorderRadius.only(
                        topRight: Radius.circular(10.r),
                        topLeft: Radius.circular(10.r)),
                    child: Image.network(
                      'https://img1.baidu.com/it/u=1256018187,1616427226&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
                      width: 167,
                      height: 165,
                      fit: BoxFit.fill,
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 10),
                    child: Column(
                      children: [
                        Container(
                          padding: const EdgeInsets.only(top: 15, bottom: 10),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '麦香鸡排汉堡',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize16,
                                fontWeight: FontWeight.w700,
                                color: ColorsUtils.color0000),
                          ),
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '￥18',
                                  style: StylesUtils.customTextStyle(
                                      fontWeight: FontWeight.w700,
                                      fontSize: StylesUtils.fontSize16,
                                      color: ColorsUtils.colorFf64)),
                              TextSpan(
                                  text: ' 18',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize12,
                                      decoration: TextDecoration.lineThrough,
                                      decorationColor:
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.color9999),
                                      decorationStyle:
                                          TextDecorationStyle.solid,
                                      decorationThickness: 1))
                            ])),
                            Text(
                              '月销509',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize12),
                            )
                          ],
                        ),
                        Container(
                          padding: const EdgeInsets.symmetric(vertical: 10),
                          alignment: Alignment.centerLeft,
                          child: Container(
                            constraints: const BoxConstraints.expand(
                                width: 24, height: 16),
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(3.r),
                                border: Border.all(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.colorFf64))),
                            alignment: Alignment.center,
                            child: Text(
                              '8折',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            ),
                          ),
                        ),
                        Container(
                          margin: const EdgeInsets.only(
                              bottom: 10, left: 2, right: 2),
                          height: 1,
                          color: ColorsUtils.parseColorFromHexString(
                              ColorsUtils.colorF5f5),
                        ),
                        Container(
                          alignment: Alignment.centerLeft,
                          child: Text.rich(TextSpan(children: [
                            WidgetSpan(
                                child: SvgUtils.assetName('u988',
                                    width: 12, height: 11),
                                alignment: PlaceholderAlignment.middle),
                            TextSpan(
                                text: '华莱士-凤凰广场2店 ',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0000,
                                    fontSize: StylesUtils.fontSize12)),
                            WidgetSpan(
                                child: Icon(
                              Icons.arrow_forward_ios,
                              color: ColorsUtils.parseColorFromHexString(
                                  ColorsUtils.color9999),
                              size: 10,
                            ))
                          ])),
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 5),
                          alignment: Alignment.centerLeft,
                          child: Text.rich(TextSpan(children: [
                            TextSpan(
                                text: '20分钟 ',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color7979)),
                            TextSpan(
                                text: '|',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.colorCccc)),
                            TextSpan(
                                text: ' 配送￥4 ',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color7979)),
                          ])),
                        )
                      ],
                    ),
                  )
                ],
              ),
            ),
          ),
          Align(
            alignment: Alignment.centerLeft,
            child: Container(
              width: 167,
              decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.only(
                      bottomRight: Radius.circular(10.r),
                      bottomLeft: Radius.circular(10.r))),
              padding: const EdgeInsets.only(bottom: 15),
              child: Column(
                children: [
                  ClipRRect(
                    borderRadius: BorderRadius.only(
                        topRight: Radius.circular(10.r),
                        topLeft: Radius.circular(10.r)),
                    child: Image.network(
                      'https://img1.baidu.com/it/u=4078247928,1880753920&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500',
                      width: 167,
                      height: 165,
                      fit: BoxFit.fill,
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 10),
                    child: Column(
                      children: [
                        Container(
                          padding: const EdgeInsets.only(top: 15, bottom: 10),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '麦香鸡排汉堡',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize16,
                                fontWeight: FontWeight.w700,
                                color: ColorsUtils.color0000),
                          ),
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '￥18',
                                  style: StylesUtils.customTextStyle(
                                      fontWeight: FontWeight.w700,
                                      fontSize: StylesUtils.fontSize16,
                                      color: ColorsUtils.colorFf64)),
                              TextSpan(
                                  text: ' 18',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize12,
                                      decoration: TextDecoration.lineThrough,
                                      decorationColor:
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.color9999),
                                      decorationStyle:
                                          TextDecorationStyle.solid,
                                      decorationThickness: 1))
                            ])),
                            Text(
                              '月销509',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize12),
                            )
                          ],
                        ),
                        Container(
                          padding: const EdgeInsets.symmetric(vertical: 10),
                          alignment: Alignment.centerLeft,
                          child: Container(
                            constraints: const BoxConstraints.expand(
                                width: 24, height: 16),
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(3.r),
                                border: Border.all(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.colorFf64))),
                            alignment: Alignment.center,
                            child: Text(
                              '8折',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            ),
                          ),
                        ),
                        Container(
                          margin: const EdgeInsets.only(
                              bottom: 10, left: 2, right: 2),
                          height: 1,
                          color: ColorsUtils.parseColorFromHexString(
                              ColorsUtils.colorF5f5),
                        ),
                        Container(
                          alignment: Alignment.centerLeft,
                          child: Text.rich(TextSpan(children: [
                            WidgetSpan(
                                child: SvgUtils.assetName('u988',
                                    width: 12, height: 11),
                                alignment: PlaceholderAlignment.middle),
                            TextSpan(
                                text: '华莱士-凤凰广场2店 ',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0000,
                                    fontSize: StylesUtils.fontSize12)),
                            WidgetSpan(
                                child: Icon(
                              Icons.arrow_forward_ios,
                              color: ColorsUtils.parseColorFromHexString(
                                  ColorsUtils.color9999),
                              size: 10,
                            ))
                          ])),
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 5),
                          alignment: Alignment.centerLeft,
                          child: Text.rich(TextSpan(children: [
                            TextSpan(
                                text: '20分钟 ',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color7979)),
                            TextSpan(
                                text: '|',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.colorCccc)),
                            TextSpan(
                                text: ' 配送￥4 ',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color7979)),
                          ])),
                        )
                      ],
                    ),
                  )
                ],
              ),
            ),
          ),
          Align(
            alignment: Alignment.centerRight,
            child: Container(
              width: 167,
              decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.only(
                      bottomRight: Radius.circular(10.r),
                      bottomLeft: Radius.circular(10.r))),
              padding: const EdgeInsets.only(bottom: 15),
              child: Column(
                children: [
                  ClipRRect(
                    borderRadius: BorderRadius.only(
                        topRight: Radius.circular(10.r),
                        topLeft: Radius.circular(10.r)),
                    child: Image.network(
                      'https://img1.baidu.com/it/u=4181917978,1345223928&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=503',
                      width: 167,
                      height: 165,
                      fit: BoxFit.fill,
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 10),
                    child: Column(
                      children: [
                        Container(
                          padding: const EdgeInsets.only(top: 15, bottom: 10),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '麦香鸡排汉堡',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize16,
                                fontWeight: FontWeight.w700,
                                color: ColorsUtils.color0000),
                          ),
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text.rich(TextSpan(children: [
                              TextSpan(
                                  text: '￥18',
                                  style: StylesUtils.customTextStyle(
                                      fontWeight: FontWeight.w700,
                                      fontSize: StylesUtils.fontSize16,
                                      color: ColorsUtils.colorFf64)),
                              TextSpan(
                                  text: ' 18',
                                  style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize12,
                                      decoration: TextDecoration.lineThrough,
                                      decorationColor:
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.color9999),
                                      decorationStyle:
                                          TextDecorationStyle.solid,
                                      decorationThickness: 1))
                            ])),
                            Text(
                              '月销509',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize12),
                            )
                          ],
                        ),
                        Container(
                          padding: const EdgeInsets.symmetric(vertical: 10),
                          alignment: Alignment.centerLeft,
                          child: Container(
                            constraints: const BoxConstraints.expand(
                                width: 24, height: 16),
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(3.r),
                                border: Border.all(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.colorFf64))),
                            alignment: Alignment.center,
                            child: Text(
                              '8折',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.colorFf64),
                            ),
                          ),
                        ),
                        Container(
                          margin: const EdgeInsets.only(
                              bottom: 10, left: 2, right: 2),
                          height: 1,
                          color: ColorsUtils.parseColorFromHexString(
                              ColorsUtils.colorF5f5),
                        ),
                        Container(
                          alignment: Alignment.centerLeft,
                          child: Text.rich(TextSpan(children: [
                            WidgetSpan(
                                child: SvgUtils.assetName('u988',
                                    width: 12, height: 11),
                                alignment: PlaceholderAlignment.middle),
                            TextSpan(
                                text: '华莱士-凤凰广场2店 ',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0000,
                                    fontSize: StylesUtils.fontSize12)),
                            WidgetSpan(
                                child: Icon(
                              Icons.arrow_forward_ios,
                              color: ColorsUtils.parseColorFromHexString(
                                  ColorsUtils.color9999),
                              size: 10,
                            ))
                          ])),
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 5),
                          alignment: Alignment.centerLeft,
                          child: Text.rich(TextSpan(children: [
                            TextSpan(
                                text: '20分钟 ',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color7979)),
                            TextSpan(
                                text: '|',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.colorCccc)),
                            TextSpan(
                                text: ' 配送￥4 ',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color7979)),
                          ])),
                        )
                      ],
                    ),
                  )
                ],
              ),
            ),
          )
        ],
      ),
    );
  }

  String activeColorByIndex(int index) {
    if (index == controller.selectIdx.value) {
      return ColorsUtils.colorFf64;
    }
    return ColorsUtils.color9999;
  }

  void openBottomSheet() {
    Get.bottomSheet(
        Container(
          height: 500,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(15.r),
                topRight: Radius.circular(15.r)),
          ),
          child: Column(
            children: [
              Container(
                padding: const EdgeInsets.only(top: 10),
                height: 40,
                child: Stack(
                  children: [
                    Center(
                      child: Text(
                        '全部筛选',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color3333,
                            fontSize: StylesUtils.fontSize16),
                      ),
                    ),
                    Positioned(
                        width: 40,
                        top: 0,
                        right: 0,
                        bottom: 0,
                        child: IconButton(
                            onPressed: () {
                              Get.back();
                            },
                            icon: Icon(
                              CupertinoIcons.xmark,
                              size: 15,
                              color: ColorsUtils.parseColorFromHexString(
                                  ColorsUtils.color9999),
                            )))
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.only(left: 15, right: 15, top: 25),
                child: Column(
                  children: [
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '优惠活动',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color7979,
                            fontSize: StylesUtils.fontSize13),
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.symmetric(vertical: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 5,
                        runSpacing: 10,
                        children: controller.activity.map((e) {
                          return Obx(() {
                            return GestureDetector(
                              onTap: () {
                                e.update((v) {
                                  v?.checked = !v.checked;
                                });
                              },
                              child: Container(
                                constraints: const BoxConstraints.expand(
                                    width: 110, height: 30),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    color: e.value.checked
                                        ? ColorsUtils.rgba(250, 245, 245, 1)
                                        : ColorsUtils.parseColorFromHexString(
                                            ColorsUtils.colorF5f5),
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.rgba(244, 195, 186, 1),
                                        width: e.value.checked ? 1 : 0)),
                                child: Text(
                                  e.value.name,
                                  style: StylesUtils.customTextStyle(
                                      color: e.value.checked
                                          ? ColorsUtils.colorFf64
                                          : ColorsUtils.color7979),
                                ),
                              ),
                            );
                          });
                        }).toList(),
                      ),
                    ),
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '商家服务',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color7979,
                            fontSize: StylesUtils.fontSize13),
                      ),
                    ),
                    Container(
                      padding: const EdgeInsets.symmetric(vertical: 15),
                      alignment: Alignment.centerLeft,
                      child: Wrap(
                        spacing: 5,
                        runSpacing: 10,
                        crossAxisAlignment: WrapCrossAlignment.center,
                        alignment: WrapAlignment.start,
                        children: controller.service.map((e) {
                          return Obx(() {
                            return GestureDetector(
                              onTap: () {
                                e.update((v) {
                                  v?.checked = !v.checked;
                                });
                              },
                              child: Container(
                                constraints: const BoxConstraints.expand(
                                    width: 110, height: 30),
                                alignment: Alignment.center,
                                decoration: BoxDecoration(
                                    color: e.value.checked
                                        ? ColorsUtils.rgba(250, 245, 245, 1)
                                        : ColorsUtils.parseColorFromHexString(
                                            ColorsUtils.colorF5f5),
                                    borderRadius: BorderRadius.circular(2.r),
                                    border: Border.all(
                                        color:
                                            ColorsUtils.rgba(244, 195, 186, 1),
                                        width: e.value.checked ? 1 : 0)),
                                child: Text(
                                  e.value.name,
                                  style: StylesUtils.customTextStyle(
                                      color: e.value.checked
                                          ? ColorsUtils.colorFf64
                                          : ColorsUtils.color7979),
                                ),
                              ),
                            );
                          });
                        }).toList(),
                      ),
                    ),
                    Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        '人均价格筛选 (元)',
                        style: StylesUtils.customTextStyle(
                            color: ColorsUtils.color7979,
                            fontSize: StylesUtils.fontSize13),
                      ),
                    ),
                    Obx(() => Padding(
                          padding: const EdgeInsets.symmetric(vertical: 10),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              Text(
                                '${controller.values.value.start}',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.colorFf64),
                              ),
                              Text(
                                '${controller.values.value.end}',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.colorFf64),
                              )
                            ],
                          ),
                        )),
                    Obx(() => SfRangeSlider(
                        min: 0,
                        max: 100,
                        activeColor: ColorsUtils.parseColorFromHexString(
                            ColorsUtils.colorFf64),
                        stepSize: 1,
                        values: controller.values.value,
                        onChanged: (SfRangeValues values) {
                          controller.values.value = values;
                        }))
                  ],
                ),
              ),
              Container(
                padding: const EdgeInsets.only(top: 15),
                alignment: Alignment.center,
                child: Container(
                  constraints:
                      const BoxConstraints.expand(width: 340, height: 45),
                  child: Row(
                    children: [
                      Expanded(
                          child: GestureDetector(
                        onTap: () {
                          controller.values.value = controller.values.value
                              .copyWith(start: 0, end: 100);
                          for (var action in controller.service) {
                            action.update((s) => s?.checked = false);
                          }
                          for (var action in controller.activity) {
                            action.update((s) => s?.checked = false);
                          }
                        },
                        child: Container(
                          decoration: BoxDecoration(
                              color: ColorsUtils.parseColorFromHexString(
                                  ColorsUtils.colorF5f5),
                              borderRadius: const BorderRadius.only(
                                  topLeft: Radius.circular(22.5),
                                  bottomLeft: Radius.circular(22.5))),
                          alignment: Alignment.center,
                          child: Text(
                            '重置',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                                fontSize: StylesUtils.fontSize16),
                          ),
                        ),
                      )),
                      Expanded(
                          child: GestureDetector(
                        onTap: () {
                          Get.back();
                        },
                        child: Container(
                          decoration: BoxDecoration(
                            borderRadius: const BorderRadius.only(
                                topRight: Radius.circular(22.5),
                                bottomRight: Radius.circular(22.5)),
                            gradient: LinearGradient(
                                //linear-gradient(90deg, rgba(255, 153, 0, 1) 0%, rgba(255, 153, 0, 1) 0%, rgba(255, 100, 77, 1) 100%, rgba(255, 100, 77, 1) 100%)
                                colors: [
                                  ColorsUtils.rgba(255, 153, 0, 1),
                                  ColorsUtils.rgba(255, 153, 0, 1),
                                  ColorsUtils.rgba(255, 100, 77, 1),
                                  ColorsUtils.rgba(255, 100, 77, 1)
                                ],
                                stops: const [
                                  0,
                                  0,
                                  1.0,
                                  1.0
                                ],
                                transform: GradientRotation(
                                    RadianUtils.angleToRadian(90))),
                          ),
                          alignment: Alignment.center,
                          child: Text(
                            '筛选',
                            style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize16),
                          ),
                        ),
                      ))
                    ],
                  ),
                ),
              )
            ],
          ),
        ),
        barrierColor: ColorsUtils.rgba(0, 0, 0, 0.298039215686275),
        isScrollControlled: true,
        elevation: 0);
  }
}
